<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易云音乐</title>
    <link rel="icon" href="./照片/wyytb.png">
    <link rel="stylesheet" href="./css/yr1.css">
</head>
<body>
    <div class="zt">
        <div class="dazhengti">
            <div class="qk1">
                <img class="zp1" src="./index/zp1.png">
                <div class="qk3">
                    <img class="zp2" src="./index/zp2.png" alt="">
                    <span class="lx">国产Hiphop从地下到地上</span>
                </div>
                <br><br><br><br><br><br>
                <img class="zp3" src="./index/zp3.png" alt="">
                <a href=""><div class="wz1">设计院OG</div></a>
                <div class="wz2">2017-03-23 创建</div>
                <div class="an">
                    <div class="an5">
                        <input class="an1" type="button" value="播放">
                        <input class="an2" type="button" value="收藏">
                        <input class="an3" type="button" value="转发">
                        <input class="an4" type="button" value="下载">
                    </div>
                    <br>
                    <div class="an6">
                        <span class="bq">标签：</span>
                        <input type="button" value="华语">
                        <input type="button" value="说唱">
                        <input type="button" value="榜单">
                        <br>
                        <span class="gr">介绍：个人喜好歌单</span>
                        <br>
                        <span>沉迷川渝陷阱</span>
                    </div>
                </div>
            </div>
            <div class="qk2">
                <div class="x"></div>
                <div class="wz4">喜欢这个歌单的人</div>
                <hr class="xt1">
                <img src="./index/zp4.png" alt="">
                <img src="./index/zp5.png" alt="">
                <img src="./index/zp6.png" alt="">
                <img src="./index/zp7.png" alt="">
                <br>
                <img src="./index/zp8.png" alt="">
                <img src="./index/zp9.png" alt="">
                <img src="./index/zp10.png" alt="">
                <img src="./index/zp11.png" alt="">
                <div class="wz5">相关推荐</div>
                <hr class="xt1">
                <img class="t1" src="./index/zp12.png" alt="">
                <span class="wz6" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">伤感说唱rap|假如生活欺骗了你</span>
                <br><br><br><br>
                <img class="t2" src="./index/zp13.png" alt="">
                <span class="wz7" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">"甜味旋律 甜美情歌"</span>
                <br><br><br><br>
                <img class="t3" src="./index/zp14.png" alt="">
                <span class="wz8" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">说唱随身听 写作业必备BGM</span>
                <br><br><br><br>
                <img class="t4" src="./index/zp15.png" alt="">
                <span class="wz9" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">EMO rap情绪说唱漩涡</span>
                <br><br><br><br>
                <img class="t5" src="./index/zp16.png" alt="">
                <span class="wz10" style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">中文说唱最出圈的30首</span>
            </div>
            <div class="qk4">
                <table border="0" rules="rows" rules="below" class="bd1">
                    <th></th>
                    <th class="a1">歌曲标题</th>
                    <th>时长</th>
                    <th>歌手</th>
                    <th>专辑</th>
                    <tr class="hang1">
                        <td style="width: 55px; height: 40px; text-align: center;">1</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang2">
                        <td style="width: 55px; height: 40px; text-align: center;">2</td>
                        <td style="width: 300px;">狮子王</td>
                        <td style="width: 50px;">03：43</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/弹壳/王洋EVIS</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang3">
                        <td style="width: 55px; height: 40px; text-align: center;">3</td>
                        <td style="width: 300px;">Boom一下你就Bap</td>
                        <td style="width: 50px;">03：36</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">4</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">5</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">6</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">7</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">8</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">9</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;">10</td>
                        <td style="width: 300px;">有空有空</td>
                        <td style="width: 50px;">03：05</td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">马思唯/J.sheon</td>
                        <td style="width: 50px;">乐透人生</td>
                    </tr>
                    <tr class="hang4">
                        <td style="width: 55px; height: 40px; text-align: center;"></td>
                        <td style="width: 300px;"></td>
                        <td style="width: 50px;"></td>
                        <td style="width: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"></td>
                        <td style="width: 50px;"></td>
                    </tr>
                </table>
                <div class="wz3">查看更多内容，请下载客户端</div>
                <input class="an7" type="button" value="立即下载">
                <div class="lll">
                    <span class="pl">评论</span>
                    <span class="pl2">共0条评论</span>
                    <hr style="width: 650px; color: brown;">
                    <img class="tx2" src="../照片/tx.png" alt="">
                    <input class="wzk" placeholder="评论" type="text" name="" id="">
                    <br><br><br>
                </div>
            </div>
        </div>
    </div>
</body>
</html>